<template>
	<view>
		<view class="prevention">
			<u-overlay :show="show" >
				<!-- @click="show=false" -->
					<view class="warp">
						<view class="rect" @tap.stop>
							<view class="title">
								<text>资金异常</text>
							</view>
							<view class="explain">
								<view class="contact text">
									<text>资金数据有异常情况，请联系客服处理</text>
								</view>
							</view>
							<view class="explain">
								<view class="contact service" @click="golineKefu()">
									<text>联系客服</text>
								</view>
							</view>
						</view>
					</view>
			</u-overlay>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
				show: true
			};
		},
		methods:{
			golineKefu(){
				uni.navigateTo({
					url:'/pages/onLinePage/kefu?userId='+uni.getStorageSync('userInfo').userId
					
				})
				console.log(userId)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.warp {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			// background: #000000;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			opacity: 1;
		}
	
		.rect {
			// width: 120rpx;
			// height: 1200rpx;
			background-color: #fff;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			
			.title{
				line-height: 136rpx;
				text-align: center;
				font-size: 40rpx;
				font-family: PingFang SC-Heavy, PingFang SC;
				font-weight: 800;
				color: #262626;
				width: 630rpx;
				height: 136rpx;
				background: #FFFFFF;
				border-radius: 24rpx 24rpx 0rpx 0rpx;
				opacity: 1;
			}
			.explain{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 630rpx;
				height: 184rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				opacity: 1;
				.contact.service{
					width: 510rpx;
					height: 88rpx;
				}
				.text{

					font-size: 32rpx;
					font-family: PingFang SC-Bold, PingFang SC;
					font-weight: bold;
					color: #515151;
					text-align: center;
					padding: 0 152rpx 0;
				}
				.service{
					display: flex;
					justify-content: center;
					align-items: center;
					background: #FCC92D;
					box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(252,201,45,0.3);
					border-radius: 12rpx 12rpx 12rpx 12rpx;
					opacity: 1;
					font-weight:bold ;
				}
			}
		}

</style>